Ext.define('EUF.view.FeeDetailsForm', {
    extend: 'Ext.form.Panel',
    alias :'widget.feeDetailsForm',
	id:'feeDetailsForm',
	height: '100%',
	width:'100%',
	autoscroll: true,
    layout: {
        align: 'stretch',
        padding: '0 0 10 0',
        type: 'vbox'
    },
    //title: '',

    initComponent: function() {
        var me = this;
        
        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'panel',
                    height: '100%',
                    tbar : ['->', {
						xtype: 'button',
						text: 'Save',
						id: 'feesave',
						cls: 'button-link',
						style: '{font-size:12px;color:white;font-weight:bold}',
                        //xtype: 'image',
                        //height: 48,
                        //padding: 10,
                        //width: 48,
                        //src: 'images/cross.png'
                    }],
					layout: {
                        type: 'column'
                    },
                    flex: 0.3,
                    items: [
                        {
                            xtype: 'textfield',
                            margin: '5 0 0 10',
                            fieldLabel: 'Slip No',
                            name: 'slipNo',
                            labelWidth: 50
                        },
                        {
                            xtype: 'datefield',
                            margin: '5 0 0 20',
                            fieldLabel: 'Date',
                            name: 'date',
                            labelWidth: 60
                        },
                        {
                            xtype: 'textfield',
                            margin: '5 0 0 20',
                            fieldLabel: 'Batch',
                            name: 'batch',
                            labelWidth: 50
                        },
                        {

                            xtype: 'combobox',
                            name:'className',
                            displayField : 'classDesc',
                            valueField : 'className',
							store: 'ClassStore',
							margin: '5 0 0 10',
                            fieldLabel: 'Class',
                            overCls: 'shadow'
                            
                            
                        
                            
                        },
                        {
                            xtype: 'textfield',
                            margin: '5 0 0 20',
                            fieldLabel: 'Adm No',
                            name: 'admNo',
                            labelWidth: 60
                        },
                        {
                            xtype: 'textfield',
                            margin: '5 0 0 20',
                            fieldLabel: 'Roll No',
                            name: 'rollNo',
                            labelWidth: 50
                        },
                        {
                            xtype: 'textfield',
                            margin: '5 0 0 10',
                            fieldLabel: 'Student\'s  Name',
                            name: 'studentName',
                            grow: true,
                            growMin: 336,
                            size: 50
                        },
                        {
                            xtype: 'textfield',
                            margin: '7 0 0 10',
                            fieldLabel: 'Father\'s Name',
                            name: 'fatherName',
                            grow: true,
                            growMin: 336,
                            size: 50
                        }
                    ],
                    
                },
                {
                    xtype: 'panel',
                    //height: '100%',
                    layout: {
                        align: 'stretch',
                        type: 'hbox'
                    },
                    flex: 1,
                    items: [
                        {
                            xtype: 'panel',
                            width: 201,
                            title: '',
                            flex: 1,
                            items: [
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 65',
                                    fieldLabel: 'Adm Fee',
                                    name: 'admissionFee',
                                    labelSeparator: ' ',
                                    labelWidth: 50,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 55',
                                    fieldLabel: 'Tution Fee',
                                    name: 'tutionFee',
                                    labelSeparator: ' ',
                                    labelWidth: 60,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 35',
                                    fieldLabel: 'Youth Welfare',
                                    name: 'youthFee',
                                    labelSeparator: ' ',
                                    labelWidth: 80,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 80',
                                    fieldLabel: 'N.C.C.',
                                    name: 'nccFee',
                                    labelSeparator: ' ',
                                    labelWidth: 35,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 15',
                                    fieldLabel: 'Holiday Home Fee',
                                    name: 'holidayFee',
                                    labelSeparator: ' ',
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 25',
                                    fieldLabel: 'Pb. State Sport',
                                    name: 'pbsportFee',
                                    labelSeparator: ' ',
                                    labelWidth: 90,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 5 5 5 ',
                                    fieldLabel: 'Uni.Regd/Cont. Fee',
                                    name: 'unicontFee',
                                    labelSeparator: ' ',
                                    labelWidth: 110,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 30',
                                    fieldLabel: 'Uni. Sports Fee',
                                    name: 'unisportsFee',
                                    labelSeparator: ' ',
                                    labelWidth: 85,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 80',
                                    fieldLabel: 'N.S.S.',
                                    name: 'nssFee',
                                    labelSeparator: ' ',
                                    labelWidth: 35,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 30',
                                    fieldLabel: 'Block Entry Fee',
                                    name: 'blockEntryFee',
                                    labelSeparator: ' ',
                                    labelWidth: 85,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 20',
                                    fieldLabel: 'Cillege Dev. Fund',
                                    name: 'collegeDevFund',
                                    labelSeparator: ' ',
                                    labelWidth: 95,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 32',
                                    fieldLabel: 'High Edu. Dev.',
                                    name: 'highEduFund',
                                    labelSeparator: ' ',
                                    labelWidth: 82,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 20',
                                    fieldLabel: 'Pb Phys Edu Dev',
                                    name: 'pbPhysDevFund',
                                    labelSeparator: ' ',
                                    labelWidth: 95,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 5',
                                    fieldLabel: 'Certi. Verifi. (if any)',
                                    name: 'certiVeriFiedFund',
                                    labelSeparator: ' ',
                                    labelWidth: 110,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 5 5 5 ',
                                    fieldLabel: 'Uni. Mig. Fee(if any)',
                                    name: 'uniMigFee',
                                    labelSeparator: ' ',
                                    labelWidth: 110,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 25',
                                    fieldLabel: 'Late Fee(if any)',
                                    name: 'lateFee',
                                    labelSeparator: ' ',
                                    labelWidth: 90,
                                    size: 10
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '5 0 0 50',
                                    fieldLabel: 'Fine(if any)',
                                    name: 'fine',
                                    labelSeparator: ' ',
                                    labelWidth: 65,
                                    size: 10
                                }
                            ],
                            dockedItems: [
                                {
                                    xtype: 'toolbar',
                                    dock: 'top',
                                    items: [
                                        {
                                            xtype: 'label',
                                            text: 'Govt. Dues',
                                            margins: '1 0 0 75'
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            xtype: 'panel',
                            height: '100%',
                            layout: {
                                align: 'stretch',
                                type: 'vbox'
                            },
                            autoScroll : true,
                            frameHeader: false,
                            titleCollapse: true,
                            flex: 1,
                            items: [
                                {
                                    xtype: 'panel',
                                    autoScroll : true,
                                    //height: 191,
                                    //width: 296,
                                    title: '',
                                    flex: 0.4,
                                    items: [
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 25',
                                            fieldLabel: 'Building Fund',
                                            name: 'buildingFund',
                                            labelSeparator: ' ',
                                            labelWidth: 75,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 35',
                                            fieldLabel: 'Medical Fee',
                                            name: 'medicalFee',
                                            labelSeparator: ' ',
                                            labelWidth: 65,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 3',
                                            fieldLabel: 'Student Aid Fund',
                                            name: 'studentAidFund',
                                            labelSeparator: ' ',
                                            labelWidth: 97,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 40',
                                            fieldLabel: 'Dipledation',
                                            name: 'depledation',
                                            labelSeparator: ' ',
                                            labelWidth: 60,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 25',
                                            fieldLabel: 'Furniture Fee',
                                            name: 'furnitureFee',
                                            labelSeparator: ' ',
                                            labelWidth: 75,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 40',
                                            fieldLabel: 'PBF(if any)',
                                            name: 'pbf',
                                            labelSeparator: ' ',
                                            labelWidth: 60,
                                            size: 10
                                        }
                                    ],
                                    dockedItems: [
                                        {
                                            xtype: 'toolbar',
                                            dock: 'top',
                                            items: [
                                                {
                                                    xtype: 'label',
                                                    text: 'Mgt. Dues',
                                             //       margins: '1 0 0 70'
                                                }
                                            ]
                                        }
                                    ]
                                },
                                {
                                    xtype: 'panel',
                                    title: '',
                                    autoScroll : true,
                                    flex: .5,
                                    items: [
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 80',
                                            fieldLabel: 'A.F.',
                                            name: 'af',
                                            labelSeparator: ' ',
                                            labelWidth: 20,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 3',
                                            fieldLabel: 'Water and Electr.',
                                            name: 'waterandelectricFee',
                                            labelSeparator: ' ',
                                            labelWidth: 97,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 10',
                                            fieldLabel: 'Correspondence',
                                            name: 'correspondence',
                                            labelSeparator: ' ',
                                            labelWidth: 90,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 85',
                                            fieldLabel: 'I/C',
                                            name: 'ic',
                                            labelSeparator: ' ',
                                            labelWidth: 15,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 30',
                                            fieldLabel: 'House Exam',
                                            name: 'houseExam',
                                            labelSeparator: ' ',
                                            labelWidth: 70,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 50',
                                            fieldLabel: 'Magazine',
                                            name: 'magazine',
                                            labelSeparator: ' ',
                                            labelWidth: 50,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 35',
                                            fieldLabel: 'Cultural Fee',
                                            name: 'culturalFee',
                                            labelSeparator: ' ',
                                            labelWidth: 65,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 0 ',
                                            fieldLabel: 'Lib. Development',
                                            name: 'libDevelopment',
                                            labelSeparator: ' ',
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 32',
                                            fieldLabel: 'Science Fee',
                                            name: 'scienceFee',
                                            labelSeparator: ' ',
                                            labelWidth: 68,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '5 0 0 50',
                                            fieldLabel: 'Misc Fee',
                                            name: 'miscFund',
                                            labelSeparator: ' ',
                                            labelWidth: 48,
                                            size: 10
                                        }
                                    ],
                                    dockedItems: [
                                        {
                                            xtype: 'toolbar',
                                            dock: 'top',
                                            items: [
                                                {
                                                    xtype: 'label',
                                                    text: 'Principal A/C',
                                                    margins: '1 0 0 70'
                                                }
                                            ]
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            xtype: 'panel',
                           // height: 391,
                            layout: {
                                align: 'stretch',
                                type: 'vbox'
                            },
                            flex: 1,
                            dockedItems: [
                                {
                                    xtype: 'toolbar',
                                    flex: 1,
                                    dock: 'top',
                                    items: [
                                        {
                                            xtype: 'radiogroup',
                                     //       width: 400,
                                            layout: {
                                                type: 'column'
                                            },
                                            fieldLabel: '',
                                            items: [
                                                {
                                                    xtype: 'radiofield',
                                                    margin: '0 0 0 20',
                                                    name: 'gen',
                                                    boxLabel: 'GEN'
                                                },
                                                {
                                                    xtype: 'radiofield',
                                                    margin: '0 0 0 30',
                                                    name: 'sc',
                                                    boxLabel: 'SC/BC'
                                                }
                                            ]
                                        }
                                    ]
                                }
                            ],
                            items: [
                                {
                                    xtype: 'panel',
                                    title: '',
                                    flex: 0.56,
                                    items: [
                                        {
                                            xtype: 'textfield',
                                            margin: '10 0 0 30',
                                            fieldLabel: 'Pending Dues',
                                            name: 'pendingDues',
                                            labelSeparator: ' ',
                                            labelWidth: 75,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '10 0 0 28',
                                            fieldLabel: 'Tech. Course',
                                            name: 'techcourse',
                                            labelSeparator: ' ',
                                            labelWidth: 75,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '10 0 0 50',
                                            fieldLabel: 'Total Fee',
                                            name: 'totalFee',
                                            labelSeparator: ' ',
                                            labelWidth: 52,
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '10 0 0 50',
                                            fieldLabel: 'Net Total',
                                            name: 'netTotal',
                                            labelSeparator: ' ',
                                            labelWidth: 53,
                                            size: 10
                                        }
                                    ]
                                },
                                {
                                    xtype: 'panel',
                                    title: '',
                                    flex: 1,
                                    items: [
                                        {
                                            xtype: 'textfield',
                                            margin: '15 0 0 40',
                                            fieldLabel: 'University Exam Fee',
                                            name: 'universityExamFee',
                                            labelAlign: 'top',
                                            size: 10
                                        },
                                        {
                                            xtype: 'textfield',
                                            margin: '10 0 0 40',
                                            fieldLabel: 'University Form',
                                            name: 'universityForm',
                                            labelAlign: 'top',
                                            size: 10
                                        },
                                        {
                                            xtype: 'button',
                                            margin: '20 0 0 30',
                                            height: 26,
                                            maintainFlex: true,
                                            scale: 'large',
                                            text: 'University Exam Fee'
                                        }
                                    ],
                                    dockedItems: [
                                        {
                                            xtype: 'toolbar',
                                            dock: 'top',
                                            items: [
                                                {
                                                    xtype: 'label',
                                                    text: 'University Exam',
                                                    margins: '1 0 0 40'
                                                }
                                            ]
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ],
           /*  dockedItems: [
                {
                    xtype: 'toolbar',
                    height: 40,
                    flex: 1,
                    dock: 'top',
                    items: [
                        {
                            xtype: 'label',
                            text: 'Fee Collection',
                            margins: '0 0 0 100'
                        },
                        {
                            xtype: 'button',
                            text: 'SAVE',
                            margins: '0 100 0 250'
                        },
                        {
                            xtype: 'button',
                            text: 'CANCEL',
                            margins: '0 100 0 0 '
                        }
                    ]
                }
            ] */
        });

        me.callParent(arguments);
    }
});




/* 
Ext.define('EUF.view.UserAccountDetails', {
    extend: 'Ext.form.Panel',
	alias :'widget.useraccountdetails',

    margin: 0,

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'toolbar',
                    height: 59,
                    items: [
                        {
                            xtype: 'image',
                            height: 48,
                            width: 48,
                            src: 'images/accountinfo/account-info-header.png'
                        },
                        {
                            xtype: 'tbfill'
                        },
                        {
                            xtype: 'label',
                            height: 44,
                            width: 114,
                            text: 'Account Information'
                        }
                    ]
                },
                {
                    xtype: 'fieldcontainer',
                    height: 112,
                    margin: '',
                    width: 850,
                    layout: {
                        type: 'table'
                    },
                    fieldLabel: '',
                    items: [
                        {
                            xtype: 'fieldcontainer',
                            height: 112,
                            margin: '0 80',
                            width: 299,
                            layout: {
                                type: 'table'
                            },
                            fieldLabel: '',
                            items: [
                                {
                                    xtype: 'fieldcontainer',
                                    height: 103,
                                    margin: '',
                                    width: 104,
                                    layout: {
                                        type: 'column'
                                    },
                                    fieldLabel: '',
                                    items: [
                                        {
                                            xtype: 'image',
                                            height: 48,
                                            margin: 15,
                                            width: 60,
                                            src: 'images/accountinfo/language.png'
                                        },
                                        {
                                            xtype: 'label',
                                            margin: '-10 0 0 20',
                                            text: 'Language'
                                        }
                                    ]
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '',
                                    width: 185,
									overCls: '.highlight',
                                    fieldLabel: ''
                                }
                            ]
                        },
                        {
                            xtype: 'fieldcontainer',
                            height: 112,
                            margin: '0 80',
                            width: 308,
                            layout: {
                                type: 'table'
                            },
                            fieldLabel: '',
                            items: [
                                {
                                    xtype: 'fieldcontainer',
                                    height: 103,
                                    width: 104,
                                    layout: {
                                        type: 'column'
                                    },
                                    fieldLabel: '',
                                    items: [
                                        {
                                            xtype: 'image',
                                            height: 48,
                                            margin: 20,
                                            width: 60,
                                            src: 'images/accountinfo/date-format.png'
                                        },
                                        {
                                            xtype: 'label',
                                            margin: '-10 0 0 22',
                                            text: 'Date Format '
                                        }
                                    ]
                                },
                                {
                                    xtype: 'combobox',
									store: 'SubmitRequestStore',
                                    margin: '',
                                    width: 190,
                                    fieldLabel: ''
                                }
                            ]
                        }
                    ]
                },
                {
                    xtype: 'fieldcontainer',
                    height: 112,
                    width: 850,
                    layout: {
                        type: 'table'
                    },
                    fieldLabel: '',
                    items: [
                        {
                            xtype: 'fieldcontainer',
                            height: 112,
                            margin: '0 80',
                            width: 308,
                            layout: {
                                type: 'table'
                            },
                            fieldLabel: '',
                            items: [
                                {
                                    xtype: 'fieldcontainer',
                                    height: 103,
                                    width: 104,
                                    layout: {
                                        type: 'column'
                                    },
                                    fieldLabel: '',
                                    items: [
                                        {
                                            xtype: 'image',
                                            height: 48,
                                            margin: 16,
                                            width: 48,
                                            src: 'images/accountinfo/number-format.png'
                                        },
                                        {
                                            xtype: 'label',
                                            margin: '-10 0 0 20',
                                            text: 'Number Format'
                                        }
                                    ]
                                },
                                {
                                    xtype: 'combobox',
									store: 'SubmitRequestStore',
                                    margin: '',
                                    width: 187,
                                    fieldLabel: ''
                                }
                            ]
                        },
                        {
                            xtype: 'fieldcontainer',
                            height: 112,
                            margin: '0 75',
                            width: 323,
                            layout: {
                                type: 'table'
                            },
                            fieldLabel: '',
                            items: [
                                {
                                    xtype: 'fieldcontainer',
                                    height: 114,
                                    margin: '',
                                    width: 95,
                                    layout: {
                                        type: 'column'
                                    },
                                    fieldLabel: '',
                                    items: [
                                        {
                                            xtype: 'image',
                                            height: 48,
                                            margin: 20,
                                            width: 48,
                                            src: 'images/accountinfo/snc.png'
                                        },
                                        {
                                            xtype: 'label',
                                            margin: '-10 0 0 30',
                                            text: 'SNC'
                                        }
                                    ]
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '',
                                    width: 186,
                                    fieldLabel: ''
                                }
                            ]
                        }
                    ]
                },
                {
                    xtype: 'fieldcontainer',
                    height: 112,
                    width: 850,
                    layout: {
                        type: 'table'
                    },
                    fieldLabel: '',
                    items: [
                        {
                            xtype: 'fieldcontainer',
                            height: 112,
                            margin: '0 80',
                            width: 314,
                            layout: {
                                type: 'table'
                            },
                            fieldLabel: '',
                            items: [
                                {
                                    xtype: 'fieldcontainer',
                                    height: 103,
                                    width: 104,
                                    layout: {
                                        type: 'column'
                                    },
                                    fieldLabel: '',
                                    items: [
                                        {
                                            xtype: 'image',
                                            height: 48,
                                            margin: 20,
                                            width: 48,
                                            src: 'images/accountinfo/snc-allowed.png'
                                        },
                                        {
                                            xtype: 'label',
                                            margin: '-10 0 0 15',
                                            text: 'SNC Allowed'
                                        }
                                    ]
                                },
                                {
                                    xtype: 'radiofield',
                                    fieldLabel: '',
                                    boxLabel: 'Go For It'
                                },
								
                            ]
                        }
                    ]
                }
            ]
        });

        me.callParent(arguments);
    }
}); */